<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html >
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="Bootstrap Admin App + jQuery">
    <meta name="keywords" content="app, responsive, jquery, bootstrap, dashboard, admin">
    <title>用户登陆</title>
    <!-- =============== VENDOR STYLES ===============-->
    <!-- FONT AWESOME-->
    <link rel="stylesheet" href="${ctx}/assets/fontawesome/css/font-awesome.min.css">
    <!-- SIMPLE LINE ICONS-->
    <link rel="stylesheet" href="${ctx}/assets/simple-line-icons/css/simple-line-icons.css">
    <!-- =============== BOOTSTRAP STYLES ===============-->
    <link rel="stylesheet" href="${ctx}/assets/bootstrap3/css/bootstrap.css" id="bscss">
    <!-- =============== APP STYLES ===============-->
    <link rel="stylesheet" href="${ctx}/assets/app/app.css" id="maincss">
</head>

<body class="login_bg_img">
<div class="wrapper">
    <div class="row">
        <div class="col-sm-7">
            <div class="pull-right login_logo">
                <img src="${ctx}/assets/img/tu.png" class="block-center img-rounded">
            </div>
        </div>
        <div class="col-sm-5 ">

            <div class="pull-left mt-xl wd-xl">
                <!-- START panel-->
                <div class="panel panel-dark panel-flat ">
                    <div class="panel-heading login_form_panel" style="height: 50px;text-align: center;">
                        <%--<a href="#">--%>
                            <%--<img src="${ctx}/assets/img/logo_loginbox_.png"  class="img-rounded">--%>
                        <%--</a>--%>
                        <div style="padding-top: 15px;">腾冲旅游统计信息系统</div>
                    </div>
                    <div class="panel-body login-formbg">
                        <p class="text-center pv">
                            <c:if test="${not empty loginError}">
                                <font color="red">${errorMsg}</font>
                            </c:if>
                        </p>
                        <form role="form" action="${ctx}/user/main.do" method="post" class="mb-lg">
                            <div class="form-group has-feedback">
                                <input id="username" name="username" type="text" placeholder="输入账号" value="abc" autocomplete="off" required class="form-control">
                                <span class="fa fa-user form-control-feedback text-muted"></span>
                            </div>
                            <div class="form-group has-feedback">
                                <input id="password" name="password" type="password" placeholder="输入密码" value="123456" required class="form-control">
                                <span class="fa fa-lock form-control-feedback text-muted"></span>
                            </div>
                            <div class="clearfix">
                                <div class="pull-left mt0">
                                    <input type="text" placeholder="输入验证码" class="form-control" name="random" value="">
                                </div>
                                <div class="pull-right">
                                    <img src="${ctx}/captcha/makeCaptcha.do"
                                         onclick="this.src='${ctx}/captcha/makeCaptcha.do?d='+Math.random();" >
                                </div>
                            </div>
                            <button type="submit" class="btn btn-block btn-primary mt-lg">登&nbsp;&nbsp;陆</button>
                        </form>

                    </div>
                </div>
                <!-- END panel-->

            </div>
        </div>
    </div>
    <div class="p-lg copy_text text-center">
        <span >版权所有：******</span>
    </div>
</div>
<!-- =============== VENDOR SCRIPTS ===============-->
<!-- MODERNIZR-->
<script src="${ctx}/assets/modernizr.js"></script>
<!-- JQUERY-->
<script src="${ctx}/assets/jquery-1.11.3.min.js"></script>
<!-- BOOTSTRAP-->
<script src="${ctx}/assets/bootstrap3/js/bootstrap.min.js"></script>
<!-- STORAGE API-->
<script src="${ctx}/assets/jquery.storageapi.min.js"></script>
<!-- PARSLEY-->
<script src="${ctx}/assets/login/parsley.min.js"></script>
<!-- =============== APP SCRIPTS ===============-->
<script src="${ctx}/assets/app/app.js"></script>
</body>

</html>